<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><?php echo $title; ?></title>

    <!-- Bootstrap Core CSS -->
    <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="sb2/vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="sb2/dist/css/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="sb2/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">菜单</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <img alt="" src="img/people.png" class="img-circle" width="50" height="50">
                <a class="navbar-brand" href="<?php echo $_url; ?>"><?php echo $title; ?>(登录321次)</a>
            </div>
            <!-- /.navbar-header -->

            <ul class="nav navbar-top-links navbar-right">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-messages">
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <strong>John Smith</strong>
                                    <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
                                </div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend...</div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>全部信息</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-messages -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-tasks">
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong>Task 1</strong>
                                        <span class="pull-right text-muted">40% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                            <span class="sr-only">40% Complete (success)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong>Task 2</strong>
                                        <span class="pull-right text-muted">20% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                                            <span class="sr-only">20% Complete</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong>Task 3</strong>
                                        <span class="pull-right text-muted">60% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                            <span class="sr-only">60% Complete (warning)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <p>
                                        <strong>Task 4</strong>
                                        <span class="pull-right text-muted">80% Complete</span>
                                    </p>
                                    <div class="progress progress-striped active">
                                        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                            <span class="sr-only">80% Complete (danger)</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>See All Tasks</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-tasks -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-alerts">
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-comment fa-fw"></i> New Comment
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                    <span class="pull-right text-muted small">12 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-envelope fa-fw"></i> Message Sent
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-tasks fa-fw"></i> New Task
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <div>
                                    <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                    <span class="pull-right text-muted small">4 minutes ago</span>
                                </div>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="text-center" href="#">
                                <strong>See All Alerts</strong>
                                <i class="fa fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                    <!-- /.dropdown-alerts -->
                </li>
                <!-- /.dropdown -->
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                        <i class="fa fa-user fa-fw"></i>徐秀峰 <i class="fa fa-caret-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="javascript:navObj.userinfo();"><i class="fa fa-user fa-fw"></i> 用户信息</a>
                        </li>
                        <li><a href="javascript:navObj.setting();"><i class="fa fa-gear fa-fw"></i> 设置</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="<?php echo $_url; ?>out"><i class="fa fa-sign-out fa-fw"></i> 安全退出</a>
                        </li>
                    </ul>
                    <!-- /.dropdown-user -->
                </li>
                <!-- /.dropdown -->
            </ul>
            <!-- /.navbar-top-links -->

            <div class="navbar-default sidebar" role="navigation">
                <div class="sidebar-nav navbar-collapse">
                    <ul class="nav" id="side-menu">
                        <li class="sidebar-search">
                            <div class="input-group custom-search-form">
                                <input type="text" class="form-control" placeholder="搜索...">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">
                                        <i class="fa fa-search"></i>
                                    </button>
                                </span>
                            </div>
                            <!-- /input-group -->
                        </li>
                                                <li>
                           	<a href="/?admin" ><i class="fa fa-edit fa-fw"></i> 首页</a>
                        </li>
                                                <li>
                           	<a href="/?sysUserManager" ><i class="fa fa-table fa-fw"></i> 用户管理</a>
                        </li>
                                                <li>
                           	<a href="/?sysQxManager" ><i class="fa fa-fw fa-dashboard"></i> 权限管理</a>
                        </li>
                                                <li>
                           	<a href="/?groupManager" ><i class="fa fa-fw fa-dashboard"></i> 群组管理</a>
                        </li>
                                                <li>
                           	<a href="/?wBook" ><i class="fa fa-bar-chart-o fa-fw"></i> 教职工通讯录</a>
                        </li>
                                                <li>
                           	<a href="/?toDoPrivate" ><i class="fa fa-sitemap fa-fw"></i> 私人待办事项</a>
                        </li>
                                                <li>
                           	<a href="/?upSchoolRoll" ><i class="fa fa-wrench fa-fw"></i> 学生信息上传</a>
                        </li>
                                                <li>
                           	<a href="/?schoolRollManager" ><i class="fa fa-wrench fa-fw"></i> 学生信息管理</a>
                        </li>
                                                <li>
                           	<a href="/?stuEventManager" ><i class="fa fa-wrench fa-fw"></i> 学生事务管理</a>
                        </li>
                                            </ul>
                </div>
                <!-- /.sidebar-collapse -->
            </div>
            <!-- /.navbar-static-side -->
        </nav>    <!-- DataTables Responsive CSS -->
    <link href="../vendor/datatables-responsive/dataTables.responsive.css" rel="stylesheet">

        <!-- Page Content -->
        <div id="page-wrapper">
            <div class="container-fluid">
                <div class="row">
                <div class="col-lg-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            用户管理
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                            <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
                                <thead>
                                    <tr>
                                        <th>用户名</th>
                                        <th>姓名</th>
                                        <th>手机</th>
                                        <th>注册时间</th>
                                        <th>登陆次数</th>
                                    </tr>
                                </thead>
                                <tbody>
                                	                                    <tr class="odd gradeA">
                                        <td>admin</td>
                                        <td>管理员</td>
                                        <td>13566874411</td>
                                        <td>2016-09-27 18:53:03</td>
                                        <td>9</td>
                                    </tr>
                                	                                    <tr class="even gradeA">
                                        <td>xxfxxf</td>
                                        <td>徐秀峰</td>
                                        <td>18983800300</td>
                                        <td>2016-10-09 12:59:08</td>
                                        <td>321</td>
                                    </tr>
                                	                                    <tr class="odd gradeA">
                                        <td>lianlian</td>
                                        <td>杨练</td>
                                        <td>13647696268</td>
                                        <td>2016-11-28 11:41:20</td>
                                        <td>3</td>
                                    </tr>
                                	                                    <tr class="even gradeA">
                                        <td>administrator</td>
                                        <td>魏恒</td>
                                        <td>18680883474</td>
                                        <td>2016-12-06 12:18:28</td>
                                        <td>5</td>
                                    </tr>
                                	                                    <tr class="odd gradeA">
                                        <td>leihongbo</td>
                                        <td>雷洪波</td>
                                        <td>13996335120</td>
                                        <td>2016-12-07 12:47:57</td>
                                        <td>9</td>
                                    </tr>
                                	                                </tbody>
                            </table>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
             </div>
        </div>
        <!-- /#page-wrapper -->
        <!-- DataTables JavaScript -->
    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="sb2/vendor/metisMenu/metisMenu.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="sb2/dist/js/sb-admin-2.js"></script>

    <script src=js/jquery.xxfset.js></script>
    <script src=js/jquery.form.js></script>
    <script src=js/app.js></script>
<script type="text/javascript">
    var navObj={
    		setting:function(){
    			var str="原密码：<input type='password' name='sys_ypwd' id='sys_ypwd'><br><br>新密码：<input type='password' name='sys_xpwd' id='sys_xpwd'><br><br>";
    			str+="<button class='btn btn-info btn-xs'  id='sys_yes'>确定</button>&nbsp;&nbsp;<button class='btn btn-default btn-xs'  id='sys_close'>取消</button>";
    			$.xcontent(str,function(){
    				$("#sys_close").click(function(){
    					$("#XPOPUPCONTENTC").remove();
    					$("#XPOPUPCONTENT").remove();
    				});
    				$("#sys_yes").click(function(){
    					$ymm=$("#sys_ypwd").val();
    					$xmm=$("#sys_xpwd").val();
    					if($ymm.length<1||$xmm.length<1){
    						$.xalert("信息不能为空！");
    						return;
    					}else{
    						$.xloading(1);
    						$.post($.gu("setting"),{ymm:$ymm,xmm:$xmm,type:'setting'},function(data){
    							$.xloading(0);
    							if(data==0){
    								$.xalert("原密码错误，请重试！");
    							}else if(data==1){
    								alert("密码更新成功，请重新登陆！");
    								location.href=$.gu("out");
    							}else{alert(data);}
    						});
    					}
    				});
    			});
    		},
    		userinfo:function(){
    			var str="真实姓名：<input type='text' name='sys_rname' id='sys_rname' value='徐秀峰'><br><br>";
    			str+="<button class='btn btn-info btn-xs'  id='sys_yes'>确定</button>&nbsp;&nbsp;<button class='btn btn-default btn-xs'  id='sys_close'>取消</button>";
    			$.xcontent(str,function(){
    				$("#sys_close").click(function(){
    					$("#XPOPUPCONTENT").remove();$("#XPOPUPCONTENTC").remove();
    				});
    				$("#sys_yes").click(function(){
    					$rname=$("#sys_rname").val();
    					if($rname.length<2){
    						$.xalert("信息请填写完整！");
    						return;
    					}else{
    						$.xloading(1);
    						$.post($.gu("setting"),{rname:$rname,type:'userinfo'},function(data){
    							$.xloading(0);
    							if(data==0){
    								$.xalert("信息修改失败，请重试！");
    							}else if(data==1){
    								alert("更新成功！");
    								window.location.reload();
    							}else{alert(data);}
    						});
    					}
    				});
    			});
            }
    }
</script>
</body>

</html>    <script src="sb2/vendor/datatables/js/jquery.dataTables.js"></script>
    <script src="sb2/vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
    <script src="sb2/vendor/datatables-responsive/dataTables.responsive.js"></script>
    <script>
    $(document).ready(function() {
        $('#dataTables-example').DataTable({
            responsive: true,
            "aaSorting": [[ 3, "desc" ]]
        });
    });
    </script>